<!DOCTYPE HTML>
<html>
    <head>
        <title>PHP添加显示最新数据案例</title>
        <meta charset="utf-8">
        <link rel="stylesheet" href="./index.css">
        <script src="./index.js"></script>
    </head>
    <body>
        <div class="type-in">
            <div class="group">
                <span class="name">姓名</span>
                <input type="text" id="i-name" placeholder="请在此输入姓名...">
            </div>
            <div class="group">
                <span class="name">性别</span>
                <input type="text" id="i-sex" placeholder="请在此输入性别...">
            </div>
            <div class="group">
                <span class="name">年龄</span>
                <input type="text" id="i-age" placeholder="请在此输入年龄...">
            </div>
            <div class="group">
                <span class="name">身高</span>
                <input type="text" id="i-high" placeholder="请在此输入身高...">
            </div>
            <div class="group" style="border-bottom:1px solid transparent;">
                <span class="button fl">取消</span>
                <span class="button fr" id="submit">确认</span>
            </div>
        </div>
        <script>
            window.addEventListener('DOMContentLoaded',function(){      //监听DOM加载完毕，执行函数。
                Y.id('submit').addEventListener('click',function(){
                    var name    = Y.id('i-name').value;
                    var sex     = Y.id('i-sex').value;
                    var age     = Y.id('i-age').value;
                    var high    = Y.id('i-high').value;
                    console.log(age);
                    Y.get({                                             //封装的ajax  get方法。
                        url:'./action.php',                             //后台处理路径。
                        param:{                                         //后台处理参数。
                            cmd:'insertStudentInfo',                    //执行函数，执行动作。
                            name:name,                                  //参数
                            sex:sex,                                    //参数
                            age:age,                                    //参数
                            high:high                                   //参数
                        },
                        yes:function(data){
                            console.dir(data);                          //执行成功输出返回值
                        },
                        no:function(data){
                            console.dir(data);                          //执行失败输出返回值
                        }
                    });
                });
            });
        </script>
    </body>
</html>